<#macro layout title>
<#--    <#assign path="${springMacroRequestContext.getContextPath()}">-->
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>${title}</title>
            <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
            <meta name="keywords" content="fly,layui,前端社区">
            <meta name="description" content="Fly社区是模块化前端UI框架Layui的官网社区，致力于为web开发提供强劲动力">
            <script type="application/javascript" src="/js/jquery-3.3.1.min.js"></script>
            <link rel="stylesheet" href="/res/layui/css/layui.css">
            <link rel="stylesheet" href="/res/css/global.css">
            <script src="/res/layui/layui.js"></script>

            <script src="/res/js/sockjs.js"></script>
            <script src="/res/js/stomp.js"></script>
            <script src="/res/js/im.js"></script>
            <script src="/res/js/chat.js"></script>
        </head>
        <body>

            <#include "/inc/common.ftl"/>

            <#include "/inc/header.ftl"/>


            <#nested >

            <#include "/inc/footter.ftl"/>


            <script>
                // layui.cache.page = '';
                <@shiro.user>
                layui.cache.user = {
                    username: '<@shiro.principal property="username" />'
                    ,uid: <@shiro.principal property="id" />
                    ,avatar: '<@shiro.principal property="avatar" />'
                    ,experience: 83
                    ,sex: '<@shiro.principal property="sex" />'
                };
                </@shiro.user>
                <@shiro.guest>
                layui.cache.user = {
                    username: '游客'
                    ,uid: -1
                    ,avatar: '/res/images/avatar/00.jpg'
                    ,experience: 83
                    ,sex: '男'
                };
                </@shiro.guest>
                layui.config({
                    version: "3.0.0"
                    ,base: '/res/mods/' //这里实际使用时，建议改成绝对路径
                }).extend({
                    fly: 'index'
                }).use('fly');
            </script>

            <#--<script>-->
            <#--    function showTips(count) {-->
            <#--        var msg = $('<a class="fly-nav-msg" href="javascript:;">'+ count +'</a>');-->
            <#--        var elemUser = $('.fly-nav-user');-->
            <#--        elemUser.append(msg);-->
            <#--        msg.on('click', function(){-->
            <#--            location.href = "/user/mess";-->
            <#--        });-->
            <#--        layer.tips('你有 '+ count +' 条未读消息', msg, {-->
            <#--            tips: 3-->
            <#--            ,tipsMore: true-->
            <#--            ,fixed: true-->
            <#--        });-->
            <#--        msg.on('mouseenter', function(){-->
            <#--            layer.closeAll('tips');-->
            <#--        })-->
            <#--    }-->
            <#--    $(function () {-->
            <#--        var elemUser = $('.fly-nav-user');-->
            <#--        if(layui.cache.user.uid !== -1 && elemUser[0]){-->
            <#--            var socket = new SockJS("/websocket")-->
            <#--            stompClient = Stomp.over(socket);-->
            <#--            stompClient.connect({}, function (frame) {-->
            <#--                stompClient.subscribe("/user/" + ${profile.id} + "/messCount", function (res) {-->

            <#--                    console.log(res);-->

            <#--                    // 弹窗-->
            <#--                    showTips(res.body);-->
            <#--                })-->
            <#--            });-->

            <#--        }-->
            <#--    });-->
            <#--</script>-->

        </body>
    </html>
</#macro>